<template>
    <div id="app">
        <div class="hello">{{hello}}</div>
        <div class="vue">{{vue}}</div>
    </div>
</template>

<script>
export default {
    data() {
        return {
            hello: 'Hello',
            vue: 'Vue'
        }
    }
}
</script>

<style lang='less'>
#app{
    text-align: center;
    padding-top: 20vh;
    .hello{
        font-size: 50px;
        color: #999;
    }
    .vue{
        margin-top: 2vh;
        font-size: 40px;
        font-weight: bold;
        color: #41B883;
    }
}
</style>